不会代码，如何做微信小程序？

今日案例 小程序

平台推荐 Coolsite 360

文章来源 Epub 360

对于 Epub360，从业于 HTML5 移动营销的读者已经不会陌生了，而他们公司的另一款建站工具 Coolsite360，或许今天开始也将从默默无闻的状态，搭上微信“小程序”的顺风车大放异彩。

11月3日，又是大半夜，微信公众平台发布了微信小程序开放公测的消息。

11月4日，Coolsite360小程序设计工具上线公测。

这是国内第一款微信小程序可视化设计工具，集成小程序所有组件，可以在线进行小程序 UI 设计，支持 Flex 布局，可直接导出符合小程序标准的代码供后续开发。

●　　●　　●

来看看 Coolsite360 小程序设计工具有哪些亮点：

集成微信小程序组件 

微信小程序所定义的组件全部集成进来了，设计师可以直接以可视化的方式添加使用。

●　　●　　●

预置微信设计规范

微信对小程序的UI提出了完整的设计规范，并提供了设计规范资源库。我们将这套规范也预置进来，设计师可以轻松设计出符合规范要求的小程序了。

●　　●　　●

支持Flex布局

面对各种手机屏幕尺寸，采用Flex样式布局，可以确保内容布局的完美适配。我们为此专门开发了Flex样式设置面板，方便设计师进行布局调整设计。

●　　●　　●

可视化的样式设置

对于设计师来说，时时刻刻都需要知道设计效果如何，可视化的样式设置面板，帮助设计师直观快速地掌握这一点。相比较于基于代码的开发工具，无疑更适合于设计师。

●　　●　　●

支持动画／交互触发设定

设计师可以直接完成最终用户交互体验的设计，而这些，之前都是要靠程序员编代码才能搞定的。

●　　●　　●

实时手机预览小程序设计

在设计过程中，可以实时在手机中预览整体效果，毕竟导出到微信小程序开发环境中还是有点麻烦。

●　　●　　●

一键导出小程序代码

这才是最核心、最关键的部分，我们会自动把设计师的设计成果，转化为符合微信小程序框架规范的代码包，下载后就可以在微信小程序开发环境中打开，进行后续处理。到了这一步，程序员们就可以接手、进行逻辑和数据层面的开发了。

除了上面说的这些，小程序设计工具还支持粘贴Sketch生成的样式、支持自定义组件扩展属性......应该说非常灵活，可以满足各种个性化的设计要求。

●　　●　　●

要是你对小程序感兴趣的话，不妨注册体验 Coolsite360 小程序设计工具（ http://www.coolsite360.com/ ）。对于 Epub360 的老用户们无需注册，可以使用 Epub360 用户账号直接登录。

在开始体验之前，请大家先看看视频讲解，对我们的小程序设计工具有一个整体了解▼

https://v.qq.com/txp/iframe/player.html?vid=d0342fprzkj&width=500&height=375&auto=0

作者：意派科技运营总监 老赵

定制咨询 [phone]

版权所有 Epub360 微信公众平台